<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "@/uni_modules/uview-plus/index.scss";
	@import "/common/colorui/main.css";
	
	/* 全局修改所有图标 */
	:deep(.uni-tabbar__icon) {
	  width: 32rpx !important; 
	  height: 32rpx !important;
	}
	
	.statusBar{
		background-color: $uni-color-statusbar;
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	// 页面标题
	.title-box{
		background-color: #ffffff;
		width: 100vw;
		position: fixed;
		z-index: 999;
		left: 0;
		.page-title {
			height: 100%;
			font-size: 38rpx;
			font-weight: 700;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
		
			.clearIcon {
				position: absolute;
				height: 100%;
				width: 60rpx;
				background: url(/static/images/my/ic_fanhui@2x.png)no-repeat center;
				background-size: 35%;
				left: 0;
				top: 0;
			}
		}
	}
	// 工单item 多处使用
	.worker-item {
		background-color: #ffffff;
		height: 192rpx;
		padding: 20rpx;
		margin-bottom: 20rpx;
		border-radius: 8px;
		position: relative;
		&_top{
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}
		&_bottom{
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: 1px solid #ececec;
			margin-top: 24rpx;
			.bottom-item{
				width: 50%;
				height: 100rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 30rpx;
				font-weight: bold;
				color: $uni-color-project;
				image{
					width: 64rpx;
					height: 64rpx;
					margin-right: 12rpx;
				}
			} 
			.bottom-line{
				height: 38rpx;
				width: 1px;
				background-color: #ececec;
			}
		}
		.worker-logo {
			width: 208rpx;
			height: 152rpx;
			margin-right: 12rpx;
		}
	
		.xiangqing {
			width: 40rpx;
			height: 10rpx;
			position: absolute;
			top: 20rpx;
			right: 20rpx;
		}
	
		.worker-set {
			width: 64rpx;
			height: 60rpx;
		}
	
		.zhiding {
			width: 24rpx;
			height: 22rpx;
		}
	
		.worker-content {
			display: flex;
			align-items: center;
		}
	
		.worker-title {
			font-size: 30rpx;
			font-weight: bold;
			color: #555555;
			margin-bottom: 12rpx;
			
			image{
				width: 24rpx;
				height: 22rpx;
			}
		}
	
		.desc-list {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 4rpx;
	
			.desc {
				width: calc(50% - 2rpx);
				font-size: 24rpx;
				color: rgb(117, 117, 117);
			}
		}
	
		.worker-btn {
			display: flex;
			flex-direction: column;
			align-items: center;
			min-width: 64rpx;
			margin-top: 16rpx;
			.jiedan {
				font-size: 28rpx;
				color: $uni-color-project;
				// padding-right: 8rpx;
				font-weight: bold;
				width: 128rpx;
				text-align: center;
			}
		}
	
	}
</style>
